<template>
  <div id="login">
    <div class="container">
      <h1 id="h1">停车位租赁系统</h1>
    </div>
    <router-view></router-view>
    <div id="button">
      <el-button @click="login_temporary">超级管理员</el-button>
      <el-button @click="login_user">会员登陆</el-button>
      <el-button @click="login_register">会员注册</el-button>
    </div>
  </div>
</template>

<script>

export default {
  name: "login",
  methods: {
    login_temporary() {
      this.$router.push({
        path: `/login/login_temporary`,
      })
    },
    login_register() {
      this.$router.push({
        path: `/login/login_register`,
      })
    },
    login_user() {
      this.$router.push({
        path: `/login/login_user`,
      })
    },
  },
  data() {
    return {}
  }

}

</script>


<style scoped>
#login {
  background: url("../assets/img.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100% 100%;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  overflow: hidden;
  padding-bottom: 50px;
  text-align: center;

}

.container{
  margin: 0;
  padding: 0;
}

#button {
  margin-top: 40px;

}



</style>